.flex{
  display: flex;
 
  &.space-between{
    justify-content: space-between;
  }
  
  &.justify-center{
    justify-content: center;
  }
  
  &.justify-start{
    justify-content: flex-start;
  }

  &.justify-end{
    justify-content: flex-end;
  }

  &.align-center{
    align-items: center;
  }
  &.align-start{
    align-items: flex-start;
  }
}

.ellipsis{
  overflow: hidden; //溢出内容隐藏
  text-overflow: ellipsis; //文本溢出部分用省略号表示
  white-space: nowrap;
}

.ellipsis2{
  overflow: hidden; //溢出内容隐藏
  text-overflow: ellipsis; //文本溢出部分用省略号表示
  display: -webkit-box; //特别显示模式
  -webkit-line-clamp: 2; //行数
  line-clamp: 2;
  -webkit-box-orient: vertical; //盒子中内容竖直排列
}

.ellipsis3{
  overflow: hidden; //溢出内容隐藏
  text-overflow: ellipsis; //文本溢出部分用省略号表示
  display: -webkit-box; //特别显示模式
  -webkit-line-clamp: 3; //行数
  line-clamp: 3;
  -webkit-box-orient: vertical; //盒子中内容竖直排列
}

